// 更薄的滚动条(不要用混入的形式)
.thinScroll {
  // 针对火狐浏览器
  scrollbar-width: thin !important;

  /*定义滚动条高宽及背景*/
  &::-webkit-scrollbar {
    width: 8px;
    border-radius: 6px;
    background-color: transparent;
  }
  /*滚动条的滚动区域（轨道）*/
  &::-webkit-scrollbar-track {
    background-color: transparent;
  }
  /*滚动条的可拖拽部分（滑块）*/
  &::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #c7c9d2;
    transition: background-color 0.2s;

    &:hover {
      background-color: #a9aaaa;
      transition: background-color 0.2s;
    }
  }
}

:global(.darkTheme) {
  .thinScroll {
    /*滚动条的可拖拽部分（滑块）*/
    &::-webkit-scrollbar-thumb {
      border-radius: 6px;
      background-color: #8b8b8b;
      &:hover {
        background-color: #a9aaaa;
      }
    }
  }
}
